<!DOCTYPE html>
<html
  lang="en"
  lang="en"
  style="
    background: url('img/bg (3).jpg') no-repeat;
    background-size: cover;
    background-attachment: fixed;
    clear: both;
  "
>
  <head>
    <meta charset="UTF-8" />
    <title>测试文章</title>
    <link rel="stylesheet" href="CSS/all.css" />
    <link rel="stylesheet" href="CSS/index.css" />
    <link rel="shortcut icon" href="img/logo.ico" type="image/x-icon" />
    <link href="css/Contact.css" type="text/css" rel="stylesheet" />
    <script
      type="text/javascript"
      src="Tools/showdown-master/dist/showdown.min.js"
    ></script>
    <link rel="stylesheet" href="CSS/Contentread.css" />
    <script src="Tools/jQuery.js"></script>
    <script src="JS/all.js"></script>
    <script
      type="text/javascript"
      src="Tools/showdown-master/dist/showdown.min.js"
    ></script>
    <link rel="stylesheet" href="CSS/Contentread.css" />
  </head>
  <body onload="show()" onload="lod()">
    <div id="nav">
      <span id="top_s1">
        <a id="top_s1_01" href="index.html" style="color: white"
          ><h2 class=".flow">九九九感冒绫</h2>
          <span> ☫☩☯☤₪</span></a
        >
        <a id="top_s1_02" href="Learning log_loading.html" class="top_ssd">
          学习日志
        </a>
        <a id="top_s1_03" href="Resources.html" class="top_ssd"> 资源分享 </a>

        <a id="top_s1_04" href="gossip.html" class="top_ssd"> 杂言碎语 </a>
        <a id="top_s1_05" href="unfinished_oading.html" class="top_ssd"> 不知道写啥了 XD </a>
        <a id="top_s1_06" href="Contact me.html" class="top_ssd"> 联系我 </a>
      </span>
    </div>
    <div class="Main_body">
      <!-- <div class="markdown_class">
        <div class="markdown_input">
          <textarea id="markdown_input" style="display: none">
          
            **DOM: 文档对象模型**
            **BOM: 浏览器对象模型**
            **JavaScript 运算符: 算术 赋值 比较 逻辑 位... ... **
            JavaScript 是解释型语言 边解释边执行  
            JavaScript 具有安全性能的脚步语言
       </textarea
          >
        </div>
        <div class="markdown_output" id="markdown_output"></div>
      </div> -->
      
      <div class='typora-export-content'>
        <div id='write'  class=''><h2 id='一标题'><span>一、标题</span></h2><h3 id='1-使用--表示标题其中--号必须在行首例如'><span>1. 使用 </span><code>#</code><span> 表示标题，其中 </span><code>#</code><span> 号必须在行首，例如：  </span></h3><h1 id='一号标题'><span>一号标题</span></h1><h2 id='二号标题'><span>二号标题</span></h2><h3 id='三号标题'><span>三号标题</span></h3><h4 id='四号标题'><span>四号标题</span></h4><h5 id='五号标题'><span>五号标题</span></h5><h6 id='六号标题'><span>六号标题</span></h6><h3 id='2-使用--或者-----表示例如'><span>2. 使用 </span><code>===</code><span> 或者 </span><code>---</code><span> 表示，例如：  </span></h3><h1 id='一级标题'><span>一级标题</span></h1><h2 id='二级标题'><span>二级标题</span></h2><h4 id='扩展如何换行'><strong><span>扩展：如何换行？</span></strong></h4><p><span>一般使用 </span><strong><span>两个空格</span></strong><span> 加 </span><strong><span>回车</span></strong><span> 换行，不过一些 IDE 也可以直接使用回车换行。  </span></p><h2 id='二分割线'><span>二、分割线</span></h2><p><span>使用三个或以上的 </span><code>-</code><span> 或者 </span><code>*</code><span>  表示，且这一行只有符号，</span><strong><span>注意不要被识别为二级标题即可</span></strong><span>，例如中间或者前面可以加空格</span></p><hr /><hr /><h2 id='三斜体和粗体'><span>三、斜体和粗体</span></h2><p><span>使用 </span><code>*</code><span> 和 </span><code>**</code><span> 分别表示斜体和粗体，例如  </span></p><p><em><span>斜体</span></em><span> </span>
        <strong><span>粗体</span></strong><span> </span>
        <em><strong><span>又斜又粗</span></strong></em></p><h4 id='扩展删除线使用两个--表示例如'><strong><span>扩展：</span></strong><span>删除线使用两个 </span><code>~</code><span> 表示，例如  </span></h4><p><del><span>我是要删掉的文字</span></del></p><hr /><h2 id='四超链接和图片'><span>四、超链接和图片</span></h2><p><span>超链接和图片的写法类似，图片仅在超链接前多了一个 </span><code>!</code><span> ，一般是 [文字描述] (链接)</span><br/><span>两种写法，分别是： </span><a href='https://www.baidu.com/'><span>第一种写法</span></a><span> 和 </span><a href='https://www.baidu.com/' target='_blank'><span>第二种写法</span></a><span></span><br/><span>图片的话就比如这样： </span><span class='md-image'><img alt='Image' src='https://www.zybuluo.com/static/img/logo.png' referrerPolicy='no-referrer'></img></span><span>  </span></p><hr /><h2 id='五无序列表'><span>五、无序列表</span></h2><p><span>使用 </span><code>-</code><span>、</span><code>+</code><span> 和 </span><code>*</code><span> 表示无序列表，前后留一行空白，可嵌套，例如</span></p><ul><li><p><span>一层</span></p><ul><li><p><span>二层</span></p></li><li><p><span>二层</span></p><ul><li><p><span>三层</span></p><ul><li><span>四层</span></li></ul></li></ul></li></ul></li><li><p><span>一层</span></p></li></ul><hr /><h2 id='六有序列表'><span>六、有序列表</span></h2><p><span>使用 </span><code>1.</code><span> （点号后面有个空格）表示有序列表，可嵌套，例如</span></p><ol start='' ><li><p><span>一层</span></p><ol start='' ><li><span>二层</span></li><li><span>二层</span></li></ol></li><li><p><span>一层</span></p></li></ol><hr /><h2 id='七文字引用'><span>七、文字引用</span></h2><p><span>使用 </span><code>&gt;</code><span> 表示，可以有多个 </span><code>&gt;</code><span>，表示层级更深，例如</span></p><blockquote><p><span>第一层</span></p><blockquote><p><span>第二层</span>
        <span>这样是跳不出去的</span></p><blockquote><p><span>还可以更深</span></p></blockquote></blockquote></blockquote><blockquote><p><span>这样就跳出去了  </span></p></blockquote><hr /><h2 id='八行内代码块'><span>八、行内代码块</span></h2><p><span>其实上面已经用过很多次了，即使用 </span><span>`</span><span> 表示，例如</span></p><p><code>行内代码块</code></p><h3 id='扩展很多字符是需要转义使用反斜杠--进行转义'><span>扩展：很多字符是需要转义，使用反斜杠 </span><code>\</code><span> 进行转义</span></h3><hr /><h2 id='九代码块'><span>九、代码块</span></h2><p><span>使用四个空格缩进表示代码块，例如</span></p><pre class="md-fences md-end-block ty-contain-cm modeLoaded" spellcheck="false" lang=""><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang=""><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 11px; left: 4px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation" style=""><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: 0px; width: 0px;"></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">public class HelloWorld</span></pre></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">{</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;  public static void main(String[] args)</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;  { </span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp;  System.out.println( "Hello, World!" );</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;  }</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">}</span></pre></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 182px;"></div><div class="CodeMirror-gutters" style="display: none; height: 182px;"></div></div></div></pre><p><span>一些 IDE 支持行数提示和着色，一般使用三个 </span><span>`</span><span> 表示，例如</span></p><pre class="md-fences md-end-block ty-contain-cm modeLoaded" spellcheck="false" lang=""><div class="CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap" lang=""><div style="overflow: hidden; position: relative; width: 3px; height: 0px; top: 11px; left: 4px;"><textarea autocorrect="off" autocapitalize="off" spellcheck="false" tabindex="0" style="position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;"></textarea></div><div class="CodeMirror-scrollbar-filler" cm-not-content="true"></div><div class="CodeMirror-gutter-filler" cm-not-content="true"></div><div class="CodeMirror-scroll" tabindex="-1"><div class="CodeMirror-sizer" style="margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;"><div style="position: relative; top: 0px;"><div class="CodeMirror-lines" role="presentation"><div role="presentation" style="position: relative; outline: none;"><div class="CodeMirror-measure"><pre><span>xxxxxxxxxx</span></pre></div><div class="CodeMirror-measure"></div><div style="position: relative; z-index: 1;"></div><div class="CodeMirror-code" role="presentation" style=""><div class="CodeMirror-activeline" style="position: relative;"><div class="CodeMirror-activeline-background CodeMirror-linebackground"></div><div class="CodeMirror-gutter-background CodeMirror-activeline-gutter" style="left: 0px; width: 0px;"></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">public class HelloWorld</span></pre></div><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">{</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;  public static void main(String[] args)</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;  { </span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp; &nbsp; &nbsp;  System.out.println( "Hello, World!" );</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;"> &nbsp;  }</span></pre><pre class=" CodeMirror-line " role="presentation"><span role="presentation" style="padding-right: 0.1px;">}</span></pre></div></div></div></div></div><div style="position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 182px;"></div><div class="CodeMirror-gutters" style="display: none; height: 182px;"></div></div></div></pre><hr /><h2 id='十表格'><span>十、表格</span></h2><p><span>直接看例子吧，第二行的 </span><code>---:</code><span> 表示了对齐方式，默认</span><strong><span>左对齐</span></strong><span>，还有</span><strong><span>右对齐</span></strong><span>和</span><strong><span>居中</span></strong><span>  </span></p><figure><table><thead><tr><th><span>商品</span></th><th style='text-align:right;' ><span>数量</span></th><th style='text-align:center;' ><span>单价</span></th></tr></thead><tbody><tr><td><span>苹果苹果苹果</span></td><td style='text-align:right;' ><span>10</span></td><td style='text-align:center;' ><span>$</span><span>1</span></td></tr><tr><td><span>电脑</span></td><td style='text-align:right;' ><span>1</span></td><td style='text-align:center;' ><span>$</span><span>1999</span></td></tr></tbody></table></figure><hr /><h2 id='十一数学公式'><span>十一、数学公式</span></h2><p><span>使用 </span><code>$</code><span> 表示，其中一个 </span><span>$</span><span> 表示在行内，两个 </span><span>$</span><span> 表示独占一行。</span>
        <span>例如质量守恒公式：$$E=mc^2$$</span>
        <span>支持 </span><strong><span>LaTeX</span></strong><span> 编辑显示支持，例如：$\sum_{i=1}^n a_i=0$， 访问 </span><a href='https://www.zybuluo.com/static/img/logo.png' target='_blank'><span>MathJax</span></a><span> 参考更多使用方法。</span></p><p><span>推荐一个常用的数学公式在线编译网站： </span><a href='https://www.codecogs.com/latex/eqneditor.php' target='_blank'><span>https://www.codecogs.com/latex/eqneditor.php</span></a><span>  </span></p><hr /><h2 id='十二支持html标签'><span>十二、支持HTML标签</span></h2><h3 id='1-例如想要段落的缩进可以如下'><span>1. 例如想要段落的缩进，可以如下：</span></h3><p>&nbsp;&nbsp;<span>不断行的空白格</span>&nbsp;<span>或</span>&#160;<span></span><br/>&ensp;&ensp;<span>半方大的空白</span>&ensp;<span>或</span>&#8194;<span></span><br/>&emsp;&emsp;<span>全方大的空白</span>&emsp;<span>或</span>&#8195;<span>  </span></p></div></div>
    </div>   
        

   
  <!-- 导入光标特效 -->
  <link rel="stylesheet" href="Tools/光标.css" />
  <script src="Tools/光标.js"></script>
  
  </body>
</html>
